<template>
  <div class="container">
    <!-- 左侧分类导航与轮播图 -->
    <HomeCategory />
    <HomeBanner />
    <HomeNew />
    <HomeHot />
    <HomeProduct />
  </div>
</template>

<script>
import HomeCategory from './components/home-category.vue'
import HomeBanner from './components/home-banner.vue'
import HomeNew from './components/home-new.vue'
import HomeHot from './components/home-hot.vue'
import HomeProduct from './components/home-product.vue'
// import { getCurrentInstance } from 'vue'
// import { onMounted } from 'vuex'
export default {
  components: {
    HomeCategory,
    HomeBanner,
    HomeNew,
    HomeHot,
    HomeProduct
  },
  created () {
    console.log(this.load)
  },
  setup () {
    // onMounted(() => {
    //   // vue3获取组件实例
    //   const thisVue = getCurrentInstance()
    //   console.log(thisVue)
    // })
    return {}
  }
}
</script>

<style lang="less" scoped>
// 手动导入less 文件 使用里边定义的less全局变量
// @import "~@/styles/variables.less";
// .container {
//   border: 1px solid @xtxColor;
// }
</style>
